<template>
<div class="boxitem">
    <div class="itemcard">
        <p>热门内容, 来自: {{data.topicid.title}}</p>
        <div>
            <a href="" class="_link">
                <img src="~assets/images/t.jpg" alt="">
                <span>{{data.userid.name}}</span>
            </a>
        </div>
        <h2>{{data.title}}</h2>
        <div class="itemdetail">
            <img :src="env.proxyurl+data.img" alt="" v-if="data.img" >
            <div >
                <p>{{data.dec.substr(0,70)}}
                    <nuxt-link :to="'/show/'+data._id">点击查看
                        <svg width="14" height="10" viewBox="0 0 6 10" class="Icon Icon--arrowRight" aria-hidden="true" style="height: 10px; width: 14px;"><title></title><g><path d="M.218 9.78c.29.294.76.294 1.052 0l4.512-4.25c.29-.293.29-.768 0-1.062L1.27.22C.98-.073.51-.073.218.22c-.29.295-.29.77 0 1.064L4 5 .218 8.716c-.29.294-.29.77 0 1.063z" fill-rule="evenodd"></path></g></svg>
                    </nuxt-link>
                </p>
            </div>
        </div>
        <div class="itemfoot">
            <span>
                <Icon type="chatbubble"></Icon>&nbsp;{{data.commentnumber}}&nbsp;条评论
            </span>
            <span>
                <Icon type="android-wifi"></Icon>&nbsp;分享
            </span>
            <span>
                <Icon type="android-favorite-outline"></Icon>&nbsp;感谢
            </span>
            <span>
                <Icon type="star"></Icon>&nbsp;收藏
            </span>
        </div>
    </div>
</div>
</template>
<script>
export default {
    props:{
        data:{
            type:Object,required:true
        },
        env:{
            type:Object
        }
    }
}
</script>